<?php
require_once('controller/auth.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<title>TMIS-Training Module</title>

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- Le styles -->
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="assets/css/bootstrap-responsive.css" type="text/css" />
<link rel="stylesheet" href="assets/css/font-awesome.css" type="text/css" />
<script type="text/javascript" src="assets/js/jquery.min.js"></script>

<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-popover.js"></script>
<script type="text/javascript" src="assets/js/bootstrap-tooltip.js"></script>
<script>
$(function ()
{ 
$("input").popover({trigger: 'focus', 'placement':'right'});

$("textarea").popover({trigger: 'focus'});


$('#tab').tooltip({'placement':'right', 'trigger' : 'hover'});

$('a').tooltip({'placement':'bottom', 'trigger' : 'hover'});	
});
</script>

<style>
body {
    padding-top: 60px;
    padding-bottom: 40px;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
    display: block;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
</style>
<!-- Le fav and touch icons -->

</head>

<body>
<div class="container-fluid">
<!--TOp Nav-->
<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
      <div class="container-fluid">
        <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a href="#" class="brand">TMIS | SMIS</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Colleges <b class="caret"></b></a>
              <ul class="dropdown-menu">
               
                <li><a href="content/ttc_info.php">TTC Information</a></li>
                <li><a href="content/ttc_teachers_info.php">TTC Teachers</a></li>
                <li><a href="#">Provinces</a></li>
              
              </ul>
            </li>
            
            
            <!--Students-->
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Students <b class="caret"></b></a>
              <ul class="dropdown-menu">
              
                <li><a href="#">Students Information</a></li>
                <li><a href="#">Add Students</a></li>
                <li><a href="#">Modify Students</a></li>
                <li class="divider"></li>
                <li class="nav-header">Assign</li>
                <li><a href="#">Class</a></li>
                <li><a href="#">Department</a></li>
                <li class="divider"></li>
                
                <li><a href="#">Transfer In</a></li>
                <li><a href="#">Transfer Out</a></li>
                <li class="divider"></li>
                <li><a href="#">Reports</a></li>
                <li class="divider"></li>
                <li><a href="#">Setup</a></li>
                
              </ul>
            </li>
            <!--/Students-->
            
            <!--Grades-->
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Grades <b class="caret"></b></a>
              <ul class="dropdown-menu">
              
                <li><a href="#">Transcripts</a></li>
                <li><a href="#">Reports</a></li>
                <li><a href="#">Setup</a></li>
                <li class="divider"></li>
               
                <li><a href="#">Utilities</a></li>
                
                
                
              </ul>
            </li>
            <!--/Grades-->
            
              <!--Attendance-->
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Attendance <b class="caret"></b></a>
              <ul class="dropdown-menu">
              
                <li><a href="#">Administration</a></li>
                <li><a href="#">Reports</a></li>
                <li><a href="#">Setup</a></li>
                <li class="divider"></li>
               
                <li><a href="#">Utilities</a></li>
                
                
                
              </ul>
            </li>
            <!--/Attendance-->
            
            <!--User-->
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">User <b class="caret"></b></a>
              <ul class="dropdown-menu">
              
                <li><a href="#">User Info</a></li>
                <li><a href="#">Add a User</a></li>
                <li><a href="#">Preferences</a></li>
                <li class="divider"></li>
               
                <li><a href="#">Setup</a></li>
                
                
                
              </ul>
            </li>
            <!--/User-->
               <!--Tools-->
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Tools <b class="caret"></b></a>
              <ul class="dropdown-menu">
              
                <li><a href="#">Access Log</a></li>
                <li><a href="#">Delete Log</a></li>
                <li><a href="#">Rollover</a></li>
                <li class="divider"></li>
               
                <li><a href="#">Backup Database</a></li>
                
                
                
              </ul>
            </li>
            <!--/User-->
            
            
            
          </ul>
          <form action="" class="navbar-search pull-left">
            <input type="text" placeholder="Search" class="search-query span2">
          </form>
          <ul class="nav pull-right">
            
            
            <div class="pull-right">
                <ul class="nav pull-right">
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Welcome, <?php echo $_SESSION['SESS_FIRST_NAME'] . " " . $_SESSION['SESS_LAST_NAME'];?> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/user/preferences"><i class="icon-cog"></i> Preferences</a></li>
                            <li><a href="/help/support"><i class="icon-envelope"></i> Contact Support</a></li>
                            <li class="divider"></li>
                            <li><a href="controller/logout.php"><i class="icon-off"></i> Logout</a></li>
                        </ul>
                    </li>
                </ul>
              </div>
              
              
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
  </div>
</div>








<script>
$(document).ready(function()
{
  //Handles menu drop down
  $('.dropdown-menu').find('form').click(function (e) {
        e.stopPropagation();
        });
  });
</script>

   <script type = "text/javascript">
$(function() {
	//call the function onload
	getdata( 1 );
});

function getdata( pageno ){                     
	var targetURL = 'pagination/search_results.php?page=' + pageno;   

	$('#retrieved-data').html('<p><img src="pagination/ajax-loader.gif" /></p>');        
	$('#retrieved-data').load( targetURL ).hide().fadeIn('slow');
}      
</script>

<!--/Top Nav-->
  <div class="row-fluid">
    
    <div class="span9">
	<!--Content-->


<h2>Dear, <span class="muted"><?php echo $_SESSION['SESS_FIRST_NAME'] . " " . $_SESSION['SESS_LAST_NAME'];?></span></h2>
<p class="lead alert alert-info">
The dashboard is your default home page and provides access to importannt alerts when you log in to the application. The SMIS-Dashboard shows all recent callenders, event, information, notes and alerts. When you login for the first time it will be a blank screen, it will fill up and when you add day to day records in your instance of the software as a administrator you can setup the system, modify students and users, and access essential students reports. You have access to any college in the system, to choose a college and work on. Select the college from the top menu, the program will automatically refresh the new college and the workspace. You can also change the college year and current marking period in a similar fashion. You can also quickly access the students information from the students grade and attendance menu. Similarly to access a user's information, click on the user menu.

When you click on any of the menus in the top menu, you will see tabs available to you in that category. Click on any menu will launch the desired information. 
</p>


	<!--/Content-->
	
    </div>
	
	
	<div class="span3 well">
      <ul class="nav nav-list"> 
		  <li class="nav-header">Login Details</li>        
		  <li class="disabled"><a href="javascript:void"><i class="icon-signin"></i> Last Login:<?php echo date("F j, Y, g:i a");?></a></li>
          <li class="disabled"><a href="javascript:void"><i class="icon-user"></i> Your are logged in as:<?php echo "Data Entry";?></a></li>
		  <li class="divider"></li>
		   <li class="nav-header">User Panel</li> 
          
		  <li><a href="settings.php"><i class="icon-cog"></i> Settings</a></li>
		  <li><a href="controller/logout.php"><i class="icon-off"></i> Logout</a></li>
		</ul>
    </div>
  </div>
  <hr/>
  <footer class="footer">
  &copy;2013 TMIS, TED, MoE
  </footer>
</div>

</body>

</html>